<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" href="./css/index.css">
    </head>
    <body>
        <!-- <div class='div1'></div>
        <div class='div2'>
            <div class='div3'></div>
        </div> -->
        <!-- 头部 -->
        <div class='header'>
            <div class='container  por'>
                <div class='logo'>
                    <img src='img/logo.jpg'>
                </div>
				
                <ul class="top-menu">
					<!-- 1 -->
					<li>网站首页
					<ul class="second-menu">
						<li>婚纱作品</li>
						<li>写真作品</li>
						<li>其他作品</li>
					</ul>
					</li>
					<!-- 2 -->
					<li>客片欣赏
					<ul class="second-menu">
						<li>婚纱作品</li>
						<li>写真作品</li>
						<li>其他作品</li>
				    </ul>
				    </li>
					<!-- 3 -->
					<li>样片大赏
				    <ul class="second-menu">
						<li>婚纱作品</li>
						<li>写真作品</li>
						<li>其他作品</li>
				    </ul>
				    </li>
					<!-- 4 -->
				    <li>最新资讯
				    <ul class="second-menu">
						<li>婚纱作品</li>
						<li>写真作品</li>
						<li>其他作品</li>
				    </ul>
				    </li>
				    <!-- 5 -->
				    <li>拍摄场景
				    <ul class="second-menu">
						<li>婚纱作品</li>
						<li>写真作品</li>
						<li>其他作品</li>
				    </ul>
				    </li>
				    <!-- 6 -->
				    <li>公司简介
				    <ul class="second-menu">
						<li>婚纱作品</li>
						<li>写真作品</li>
						<li>其他作品</li>
				    </ul>
				    </li>
				<div class="clear"></div>
				</ul>
			</div>
		</div>
        <!-- 轮播图 -->
        <div class='banner'>
            <div class='banner-show'>
                <div class='banner-left'>&lt;</div>
                <div class='banner-right'>&gt;</div>
                <ul class='banner-items'>
                    <li _src='img/banner01.jpg'></li>
                    <li _src='img/banner02.jpg'></li>
                    <li _src='img/banner03.jpg'></li>
                </ul>   
            </div>
        </div>
        <!-- 作品展示 -->
        <div class="container">
            <div class='title-cn'>作品展示</div>
            <div class='title-en'>WORKS APPLICATION</div>
        </div>
        <div class="container">
            <div class="works-left">
                <div class="works-f decover"><img src="./img/photo01.jpg" alt=""></div>
                <div class='decover'><img src="./img/photo02.jpg" alt=""></div>
            </div>
            <div class="works-center">
                <div  class='decover'><img src="./img/photo03.jpg" alt=""></div>
            </div>
            <div class="works-right">
                <div class='works-f decover'><img src="./img/photo04.jpg" alt=""></div>
                <div  class='decover'><img src="./img/photo05.jpg" alt=""></div>
            </div>
            <div class='clear'></div>
        </div>
        <!-- 场景展示 -->
        <div class="container">
            <div class='title-cn'>作品展示</div>
            <div class='title-en'>WORKS APPLICATION</div>
        </div>
        <div class='container'>
            <div class='scens'>
                <div>
                <img src="img/genpai01.jpg" alt="">
                <div class="cover">
                </div>
                </div>
                <div>
                <img src="img/genpai02.jpg" alt="">
                <div class="cover">
                </div>
                </div>
                <div>
                <img src="img/genpai03.jpg" alt="">
                <div class="cover">
                </div>
                </div>
                <div>
                <img src="img/genpai04.jpg" alt="" style='margin: 0px;'>
                <div class="cover">
                </div>
                </div>
                <div class='clear'>
                </div>
            </div>
        </div>
        <!-- 新闻资讯 -->
        <div class="container">
            <div class='title-cn'>新闻资讯</div>
            <div class='title-en'>WORKS APPLICATION</div>
        </div>
        <div class='container clearbox'>
            <div class='news_item'>
                <div class='news_left'>
                    <img src='./img/news.jpg' />
                    <div class="news-cover">
                        <div class='date-d'>30</div>
                        <div class='date-y'>2020-12</div>
                    </div>
                </div>
                <div class='news_right'>
                    <div class='news_title'>婚纱照怎样拍才好看 婚纱摄影完美攻略</div>
                    <div class='news_info'>很多新人在拿到婚纱照的时候，总有这样或者那样的一些抱怨。事实上，婚纱照拍摄出现问题，也有自身的一些原因。完美婚纱照的拍摄是新人和摄影方共同的努力的结果。那么，完美婚纱照的拍摄双方要做好哪些呢？ </div>
                </div>
            </div>
            <div class='news_item'>
                <div class='news_left'>
                    <img src='./img/news.jpg' /><div class="news-cover">
                        <div class='date-d'>30</div>
                        <div class='date-y'>2020-12</div>
                    </div>
                </div>
                <div class='news_right'>
                    <div class='news_title'>婚纱照怎样拍才好看 婚纱摄影完美攻略</div>
                    <div class='news_info'>很多新人在拿到婚纱照的时候，总有这样或者那样的一些抱怨。事实上，婚纱照拍摄出现问题，也有自身的一些原因。完美婚纱照的拍摄是新人和摄影方共同的努力的结果。那么，完美婚纱照的拍摄双方要做好哪些呢？ </div>
                </div>
            </div>
            <div class='news_item'>
                <div class='news_left'>
                    <img src='./img/news.jpg' /><div class="news-cover">
                        <div class='date-d'>30</div>
                        <div class='date-y'>2020-12</div>
                    </div>
                </div>
                <div class='news_right'>
                    <div class='news_title'>婚纱照怎样拍才好看 婚纱摄影完美攻略</div>
                    <div class='news_info'>很多新人在拿到婚纱照的时候，总有这样或者那样的一些抱怨。事实上，婚纱照拍摄出现问题，也有自身的一些原因。完美婚纱照的拍摄是新人和摄影方共同的努力的结果。那么，完美婚纱照的拍摄双方要做好哪些呢？ </div>
                </div>
            </div>
            <div class='news_item'>
                <div class='news_left'>
                    <img src='./img/news.jpg'><div class="news-cover">
                        <div class='date-d'>30</div>
                        <div class='date-y'>2020-12</div>
                    </div>
                </div>
                <div class='news_right'>
                    <div class='news_title'>婚纱照怎样拍才好看 婚纱摄影完美攻略</div>
                    <div class='news_info'>很多新人在拿到婚纱照的时候，总有这样或者那样的一些抱怨。事实上，婚纱照拍摄出现问题，也有自身的一些原因。完美婚纱照的拍摄是新人和摄影方共同的努力的结果。那么，完美婚纱照的拍摄双方要做好哪些呢？ </div>
                </div>
            </div>
            <div class='news_item'>
                <div class='news_left'>
                    <img src='./img/news.jpg'><div class="news-cover">
                        <div class='date-d'>30</div>
                        <div class='date-y'>2020-12</div>
                    </div>
                </div>
                <div class='news_right'>
                    <div class='news_title'>婚纱照怎样拍才好看 婚纱摄影完美攻略</div>
                    <div class='news_info'>很多新人在拿到婚纱照的时候，总有这样或者那样的一些抱怨。事实上，婚纱照拍摄出现问题，也有自身的一些原因。完美婚纱照的拍摄是新人和摄影方共同的努力的结果。那么，完美婚纱照的拍摄双方要做好哪些呢？ </div>
                </div>
            </div>
            <div class='news_item'>
                <div class='news_left'>
                    <img src='./img/news.jpg'><div class="news-cover">
                        <div class='date-d'>30</div>
                        <div class='date-y'>2020-12</div>
                    </div>
                </div>
                <div class='news_right'>
                    <div class='news_title'>婚纱照怎样拍才好看 婚纱摄影完美攻略</div>
                    <div class='news_info'>很多新人在拿到婚纱照的时候，总有这样或者那样的一些抱怨。事实上，婚纱照拍摄出现问题，也有自身的一些原因。完美婚纱照的拍摄是新人和摄影方共同的努力的结果。那么，完美婚纱照的拍摄双方要做好哪些呢？ </div>
                </div>
            </div>
        </div>
        <div class='footer'>
            <div class='container clearbox'>
                <div class='f-logo'>
                    <img src='img/end-logo.jpg'>
                </div>
                <div class='f-info'>
                    <div> Tel：400-080-9123</div>
                    <div> ADD：浙江省杭州市XXX路XXX号</div>
                    <div> Copyright 2008-2016 风尚堂摄影 版权所有</div>
                </div>
            </div>
        </div>
        <script src='js/jquery-3.5.1.min.js'></script>
        <script type="text/javascript" src="js/banner.js"></script>
        <script type="text/javascript">
            $(".scens>div").hover(function(){
                $(this).siblings().children(".cover").css({
                    height:'0px',
                    top:'100%',
                    display:'block'
                });
                $(this).siblings().children(".cover").stop(true).animate({
                    height:'100%',
                    top:'0px'
                })
            },function(){
                $(this).siblings().children(".cover").stop(true).animate({
                    height:'0px',
                    top:'100%'
                })
            });
            $(".top-menu>li").hover(function(){
                $(this).children(".second-menu").stop(true).slideDown();
            },function(){
                $(this).children(".second-menu").stop(true).slideUp();
            });
            $(".news_item").hover(function(){
                $(this).find(".news-cover").stop(true).animate({
                    width:'0px',
                    height:'0px'
                });
            },function(){
                $(this).find(".news-cover").stop(true).animate({
                    width:'50%',
                    height:'100%'
                });
            });
        </script>
    </body>
</html>

